﻿html {    font-size:          17px; }

body    { 
    direction:          rtl;
    margin:             0px; 
    color:              #121212; 
    background-color:   #ffffff; 
    font-family:        'almoni-regular' !IMPORTANT;
}

table   { 
    padding:            0px; 
    margin:             0px;
}

td  { 
    vertical-align:     top; 
    padding:            0px;
}

p   { 
    direction:          rtl; 
    margin-top:         0px; 
    margin-bottom:      0px; 
}
th {text-align:right;}
a   {   }
a:hover, a:focus { color: #121212; text-decoration: none; }

img { max-width:100%; }
input[type="text"], input[type="password"]  { outline: none; }
input[type="password"] { font-family:Arial; }

textarea    { outline: none; }


button.logoutBtn {
    -webkit-appearance: none;
    background: transparent;
    border: 0;
    padding: 0;
    margin-right: 10px;    
    font-size: 115%;
    border-bottom: 2px solid;
    display: inline-block;
    vertical-align: middle;
    line-height: 1;
}

/*------------------------------------*\
   SiteGrid
\*------------------------------------*/

#SiteContainer          {  }

#SiteHeaderContainer    { color:#000000; padding:0px; }
#SiteGridContainer      { }
@media(min-width:980px){#SiteGridContainer      {padding:0 20px; }}
#SiteFooterContainer    { background-color: #103a7e; padding:0px 50px; }
#UnderSiteFooterContainer { background-color: #1e1e1e; }
#AboveSiteFooterContainer {min-height:150px;}

#SiteHeader             { margin-left: auto; margin-right: auto; padding:10px 0px; }
#SiteFooter             { max-width: 1560px; margin-left: auto; margin-right: auto; }
#SiteGrid               { max-width: 1560px; padding:0px; margin:0 auto; /*overflow:hidden; */}

#GridRight              { float:right; width:250px; margin-left:40px; min-height:50px; }
#GridPage               { float:right; width:calc(100% - 290px);}
#GridLeft               { float:right; display:none; }
#GridTop                {  }
#GridTop .topBanner img{margin-bottom:30px;width: 100%;}
#GridTop .GridTopImage  { padding-bottom:31.5%; min-height:300px; background-size:cover; background-position:center center; }

#GridContent { }
#GridFooter { }

#UnderSiteFooter span.accessability-declare {position: absolute; font-size: 16px;right: 0;text-decoration: underline; }
#UnderSiteFooter span.accessability-declare a{color:#fff;}

@media(max-width:991px) { 
    #GridFooter {max-width:90%;margin:0 auto;}
    #SiteGridContainer      { margin-top:0px; }

}
@media (min-width:767px) and (max-width:991px) { 
    #GridTop .GridTopImage  { min-height:383px;  }
}
@media(max-width:767px) { 
    #GridTop .GridTopImage  { min-height:225px;  }
    #UnderSiteFooter span.accessability-declare{position: relative;width: 100%;text-align: center;right: auto;display: block;margin-bottom: 8px;}
}


#PageLeft               { }
#PageRight              { margin-top:35px; }
#PageMenu               { }
#PageHeader             { }
#PageContent            { }
#PageKdm                { }
#PageFooter             { }



@media (max-width: 1560px)  { 
    #GridLeft           { display:none; } 
}

/*@media (max-width: 1560px) {
    #SiteHeaderContainer    { padding:0 5px; }
    #SiteGridContainer      { padding:0 5px; }
}*/

@media (max-width: 991px)  { 
    #GridPage               { float:none; width:100%; }
     #GridRight {float:none;width:100%; margin:0 auto;}

}




/*------------------------------------*\
    Top Bar Select In Mobile 
\*------------------------------------*/

@media (max-width:767px) { #side-collapse-menu {width:100%} }

/*------------------------------------*\
    Top Bar Search 
\*------------------------------------*/

.search_form_header {width:43%; margin: auto; }
#search_form_header_input_continer { display: table-cell; vertical-align: middle; margin-left: 15px; vertical-align: middle; width: 60%; text-align: center; }
.search_form_header_input { padding: 10px; border: 0; width: 100%; border-radius: 20px; }
.search_form_header_submit { display: inline-block; position: absolute; left: 1%; top: 10%; height: 42px; border-radius: 50%; background-color: #0477bf; width: 42px; border: 1px solid #0477bf; }
#search_form_header_input_continer .InputWrapper { position:relative; }
.search_form_header_icon { position: absolute; left: 1%; top: 55%; z-index: 10; width: 25px; left: 2.7%; transform: translate(0%,-50%);cursor:pointer; }

@media(max-width:991px){
    .search_form_header_icon                 { pointer-events:none; }
}

@media(max-width:767px){
    #search_form_header_input_continer       { text-align: center;display: table-cell;margin: 0 auto;width: 100%; }
    .search_form_header_input                { display:inline-block; }
    .search_form_header_submit               { width: 40px;display: inline-block; }
}

select#InputType {    cursor: pointer !IMPORTANT; }

/*------------------------------------*\
    Accordion - FAQ
\*------------------------------------*/
.faq_accordion { padding: 30px 0; }

.accordion { }
.accordion .panel {border:0px; border-radius:0; box-shadow:none; -webkit-box-shadow:none;padding:5px; margin:0;   }
.accordion .panel:nth-child(2n) { /* background-color: #EDEDED; */ margin: 15px 0; }
.accordion .panel:last-child { }
.accordion .panel-title {width:99%;}
.accordion .panel-title>a { width: 100%; right: 0; top: 0;  font-size:120%;color:#0f3a7f; }
.accordion .panel-title>a:hover { text-decoration:none; }
.accordion .panel-title>a:focus { text-decoration:none; }
.accordion .panel-collapse.collapse.in {   }
.accordion .panel-default>.panel-heading { color: #333; background-color: transparent; border-color: #ddd; position:relative;  margin-right:15px; } 
.accordion .panel-heading { padding: 10px ; border-bottom: 0;border-radius: 0px; }
.accordion .panel-title>a:after { top:-3px; content: " "; display: block; width: 30px; height: 30px; background-image: url(../../../000Frames/site/images/plus.png); background-position: center center; background-repeat: no-repeat; left: 0; position: relative; position: relative; background-size: cover; float: left;}
.accordion .panel-title.notContent>a:after { display: none; }

.accordion .panel-title > a[aria-expanded~=true]:after { background: url('../../../000Frames/site/images/minus.png'); background-repeat: no-repeat; background-position: center center; background-size:contain;  }
.panel.panel-default div p { font-size: 21px; padding-right: 50px; padding-left: 165px;padding-top:10px;padding-bottom:10px; line-height: 27px; /*padding-top: 20px; padding-bottom: 20px;*/ }

@media(max-width:767px){
    .panel.panel-default div p {padding-left:0;padding-right:30px;padding-top:5px;width:90%;}
    .accordion .panel-title>a:after {position:absolute;left: 7px; top: 50%; transform: translate(0,-50%); }
    .accordion .panel-default>.panel-heading {padding-right:0;}
    .accordion .panel-title>a {padding-right:0; }
}
@media(max-width:991px){

.accordion .panel-default>.panel-heading {margin-right:5px;}
}
/*------------------------------------*\
    Carousel - FAQ
\*------------------------------------*/

.owl-carousel { margin-top: 30px;margin-bottom: 30px; direction:ltr;}
.owl-nav {  }
.owl-stage { background-color: #fff; cursor:pointer; }
.owl-item {text-align:center; height:400px; overflow:hidden; }
.owl-item .item { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%);  -moz-transform: translate(-50%,-50%); max-width: 86%; }
.owl-next { position: absolute; left: 0; z-index: 1; top: calc(50% + 8%); transform: translate(0%,-50%); -webkit-transform: translate(0%,-50%); -moz-transform: translate(0%,-50%); background-color: #103a7e; padding: 7px; border-radius: 50%; color: #fff; left: 15px;  font-size: 35px; width: 50px; height: 50px; text-align: center; display: inline-block; vertical-align: middle; }
.owl-prev { position: absolute; right: 0; z-index: 1; top: calc(50% + 8%); transform: translate(0%,-50%); -webkit-transform: translate(0%,-50%); -moz-transform: translate(0%,-50%); background-color: #103a7e; padding: 7px; border-radius: 50%; color: #fff; right: 15px; font-size: 35px; width: 50px; height: 50px; text-align: center; display: inline-block; vertical-align: middle; }
.owl-dots .owl-dot {background: #c9c7c7;}

.catalogItemView-image .owl-item { cursor:default}


@media(max-width:991px) { 
.owl-item .item { margin: 0 auto; text-align: center; max-width: 250px !important;
 position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); 
                }
.owl-item {height:200px;  }

}

@media(max-width:768px) {
    .owl-next, .owl-prev{     top: calc(40% + 8%);
    font-size: 19px;
    width: 30px;
    height: 30px;
    text-align: center;
    line-height: 15px}
}

/*------------------------------------*\
   To Top Arrow
\*------------------------------------*/
#back-to-top            { position: fixed;bottom: 40px;right: 40px;z-index: 9999;width: 46px;height: 46px;text-align: center;color: #121212;cursor: pointer;border-radius: 2px;text-decoration: none;transition: opacity 0.2s ease-out;opacity: 0;background: #fff;border: 2px solid #103a7e;font-size: 30px;line-height: 36px;border-radius: 50%;}
#back-to-top.show       { opacity: 1; }
#back-to-top i          {padding: 5px 10px 7px 10px;}
#back-to-top i:hover    {-webkit-animation-name: bounce;animation-name: bounce;}
.animated {
  -webkit-animation-duration: 1.3s;
  animation-duration: 1.3s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
  -webkit-animation-iteration-count: infinite;
}
@-webkit-keyframes bounce {
  0%{-webkit-transform: translateY(0);  }
  25% {-webkit-transform: translateY(-2px);}
  75%{-webkit-transform: translateY(2px);} 
  100%{-webkit-transform: translateY(0px);}
}
@keyframes bounce {
  0% {transform: translateY(0px);}
  25% {transform: translateY(-2px);}
  75% {transform: translateY(2px);}
  100% {transform: translateY(0px);}
}

#content                { height: 100vh;  }


@media (max-width:767px){
    #back-to-top{right:10px; bottom:10px;}
}
/*------------------------------------*\
   lightbox Gallery
\*------------------------------------*/
.lightbox-gallery .lightbox-gallery-loader {position: absolute; top: 50%; /* display: none; */ left: 50%; z-index: 10;}
.lightbox-gallery { overflow: hidden }
.lightbox-gallery-item a { position: relative; padding-bottom: 90%; display: block; overflow: hidden; background-size:cover; background-position:center;}
.lightbox-gallery-item img { position: absolute; min-height: 100%; width: auto; max-width: none; /* margin: 0; */ left: 50%; transform: translateX(-50%); /* width: 100%; */ max-width: none; height: 100%; }
.lightbox-gallery-item { display: none; text-align: center; padding-bottom: 7.5px; padding-top: 7.5px; padding-left: 7.5px !important; padding-right: 7.5px !IMPORTANT; }

@media (max-width: 767px) {

    .row > div { padding: 5px }
}

/*------------------------------------*\
    lightbox Gallery Video
\*------------------------------------*/

.lightbox-galleryVideo .lightbox-gallery-loader {position: absolute; top: 50%; left: 50%; z-index: 10;}
.lightbox-galleryVideo .lightbox-gallery-item {}


.popUpVideo .modal-header {border:none;}

.popUpVideo .vertical-alignment-helper {
    display: table;
    height: 100%;
    width: 100%;
    /*pointer-events: none;*/
}

.popUpVideo .vertical-align-center {
    display: table-cell;
    vertical-align: middle;
    /*pointer-events: none;*/
}

.popUpVideo .modal-content {
    width: inherit;
    height: inherit;
    margin: 0 auto;
    pointer-events: all;
    background: none;
    box-shadow: 0px 0px 0px;
    border: none;
}


.popUpVideo .modal-body iframe {
    position: absolute;
    top: 0px;
    bottom: 0px;
    left: 0px;
    right: 0px;
    width: 100%;
    height: 100%;
}

.popUpVideo .modal-backdrop.fade.in {
    z-index: 0;
}
.popUpVideo .close {opacity:1 !important; color:#fff; }

.popUpVideo .modal-backdrop.in { filter: alpha(opacity=50); opacity: .9; }


#gallery-modal .vertical-alignment-helper { display: table;height: 100%;width: 100%; }
#gallery-modal .flexslider.modal-slider img { max-height: 80vh;width:auto; }
#gallery-modal .modal-content { max-height:80vh;}
#gallery-modal .flexslider { border-bottom:0; }
#gallery-modal button.close {color: #ffffff;opacity: 1;font-size: 250%;float: none;position: absolute;top: -50px;height: 32px;padding:  0;border: 1px solid transparent;border-radius: 50%;}
#gallery-modal button.close:focus {border-color: #000;-webkit-box-shadow: 0px 0px 18px 1px rgba(255,255,255,1);-moz-box-shadow: 0px 0px 18px 1px rgba(255,255,255,1);box-shadow: 0px 0px 18px 1px rgba(255,255,255,1);outline: none;}
#gallery-modal .fa-times-circle:before {position: relative;top: -2px;left: 0px;}


@media(max-width:768px) {
    #gallery-modal .flexslider.modal-slider img {height: 35vh;}
    #gallery-modal button.close{right: 48vw;}
}

@media(max-width:440px){
    #gallery-modal button.close{right: 46vw;}
}

/*------------------------------------*\
   Breadcrumbps
\*------------------------------------*/

#PageBreadCrumps    { padding:0; margin-bottom:15px; }

@media(max-width:991px){#PageBreadCrumps{ margin-bottom:15px;margin-top:10px;padding-right:15px;}}
    
#PageBreadCrumps a:link         { 
    background-image: url('../images/breadcrumbs-arrow.png');
    color: #5A5B5E;
    text-decoration: none !important;
    padding-right: 25px; 
    background-repeat: no-repeat; 
    background-position: right 10px top 4px; 
}

#PageBreadCrumps a:first-child  { background-image: none; padding-right: 0; }
#PageBreadCrumps a:visited      { color: #5A5B5E; text-decoration: none !important; }    
#PageBreadCrumps a:hover        { color: #0f3a7f; text-decoration: underline; }



/*------------------------------------*\
    Directory/Side Menu
\*------------------------------------*/

#rightMenu              {  }
#rightMenu .menuHead { padding-right: 10px; height: 27px; font-size: 18px; background: #ECECEC; color: #000; margin-top: 2px; background-image: url('../../../000Frames/site/images/right_menu_arrow.png'); background-size: 10px; background-repeat: no-repeat; background-position: 20px; }
#rightMenu .menuLink { padding-right: 10px; height: 27px; font-size: 18px; background: #ECECEC; color: #000; margin-top: 2px; background-image: url('../../../000Frames/site/images/right_menu_arrow.png'); background-size: 10px; background-repeat: no-repeat; background-position: 20px; }
#rightMenu .selected { color: red; }
#rightMenu .navbar-default {border:0; background-color:transparent;}
#rightMenu .navbar {min-height:0; margin-bottom:0;}
#rightMenu .navbar-header {float:right;}

@media(max-width:767px){ #rightMenu .navbar-header {float: none; width: 100%; margin: 0;} }
/*------------------------------------*\
    Contact Form
\*------------------------------------*/


.mrw-dynamic-form {
    position:relative;
}

.mrw-dynamic-form .form-messages,
.mrw-dynamic-form .form-messages .loading,
.mrw-dynamic-form .form-messages .success,
.mrw-dynamic-form .form-messages .error {
    display: none;
    color: #123b7d;
    z-index: 9999;
}

.mrw-dynamic-form .form-messages {
    position: absolute;
    top: 0px;
    bottom: 0px;
    left: 0px;
    right: 0px;
    background-color: rgba(255,255,255,0.8);
}

.mrw-dynamic-form .error-message    { color:red; display:none; }
.mrw-dynamic-form .mrw-form-label   { font-weight:normal; }
.mrw-dynamic-form .form-group > div {   }
.mrw-dynamic-form .form-control {
    border: none;
    color: #000;
    background: none;
    font-size: 130%;
    padding-right: 10px;
    position: relative;
    cursor: text !important;
    background: rgba(255,255,255,0.5);
    height:40px;
 }
.mrw-dynamic-form label#addressToSendLabel {font-size:  130%;font-weight:  normal;position:  absolute;top: 13px;width: 100%;right: 0px;}
.mrw-dynamic-form  label#addressToSendLabel span {font-weight: bold;}
.radios .input-data { float: right; height: 13px !important; display: inline-block; width: 13px; cursor: pointer !IMPORTANT; margin-left: 5px; }
.radios div { float: right; width:100%;position:relative; cursor:pointer !important; z-index:3;}



.mrw-dynamic-form span.error      { color:red; position:absolute; top:0px; left:15px; font-weight:normal; }
.mrw-dynamic-form .form-control.error { border-color:red; }


.smallFooterInput span.error { top: -12px; }
.bigFooterInput span.error { top: -17px; } 


.contact-form-title { font-size: 243%; color: #103a7e; width: 25%;float: none;display: table-cell;vertical-align: middle;text-align:center;padding-bottom:22px; }
.form-group { width: 70%;display: table-cell;vertical-align: middle; }
.form-submit { background-color: #103a7e; width: 100%; margin: 0 auto; position: relative; color: #fff; border: none; border-radius: 0px 10px; height:40px; font-size: 170%; }
.form-submit:focus {
    text-decoration: underline;
}
.smallFooterInput { width:20%; float:right;padding:5px 15px;position:relative; }
.bigFooterInput { width:30%; float:right;padding:5px 15px;position:relative; }
.SubmitContainer .bigFooterInput {width:90%;}
#contact-form-footer { display: table; width: 100%; }
#disclaimer,
#disclaimerContact,
#disclaimerClub,
#disclaimerEntry {  background-position: 2px; height: 15px; background-color: transparent; border: none; display: inline-block; width: auto; vertical-align: middle;margin:0;width:15px; -webkit-appearance: none; border: 1px solid #121212; border-radius: 0; cursor:pointer !important;}
#disclaimer.checked,
#disclaimerContact.checked,
#disclaimerClub.checked,
#disclaimerEntry.checked {background-image: url(../../../000Frames/site/images/v.png);background-position:75%; background-size: cover;}

#disclaimerLabel,
#disclaimerContactLabel,
#disclaimerClubLabel,
#disclaimerEntryLabel {vertical-align:middle;margin-bottom:0;font-weight:400;}

@media(max-width:991px){
    .SubmitContainer .bigFooterInput {width:100%;padding:0;} 
    .submitWrapper .form-submit {height:50px;}
    #disclaimerLabel,
    #disclaimerContactLabel,
    #disclaimerClubLabel,
    #disclaimerEntryLabel {font-size:105%;}
}

@media(max-width:768px){
    .smallFooterInput span.error{top: 8px;}
    .bigFooterInput span.error {top: -36px;right: -18px;text-align: left;} 
    input[type=email] ~ span.error{top: 11px;}

}
/*------------------------------------*\
    Contact Form Wiget
\*------------------------------------*/


#contact-form-wiget .mrw-form-label         { }
#contact-form-wiget .form-control           { }
#contact-form-wiget .form-submit            { }

@media(max-width:991px) {
    #contact-form-wiget { display: none; }
}

.form-control:focus {
    border-color: #66afe9;
    outline: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    border: 1px solid #121212;
}

.radios > div:focus {
    border: 1px solid #121212;
    outline: none;
}

.catalogItemBox:hover { border-color: #ddd; outline: 0; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.033), 0 0 8px rgba(102,175,233,.3); box-shadow: inset 0 1px 1px rgba(0,0,0,.033), 0 0 8px rgba(60, 60, 60, 0.3); }

/*------------------------------------*\
    Login Box
\*------------------------------------*/



#loginBox   { text-align:center; background-color:#1c1c1c; padding:15px; }

#loginBox .loginBox-guest-hello     { color:#F68B1F; line-height:24px; margin-bottom:10px; }
#loginBox .firstSentence      { font-size:130%; }
#loginBox .secondSentence     { font-size:165%; }

#loginBox #LoginBox-Buttons         { padding-top:20px; }
#loginBox #LoginBox-Buttons a       { display:inline-block; background-color:#F68B1F; border:1px solid #FFF; border-radius:5px; color:#FFF; font-size:120%; padding:2px 18px; margin:0px 5px; text-decoration:none; cursor:pointer; }

#loginBox #LoginBox-SignIn          {  width:100%; margin-left:auto; margin-right:auto;  overflow:auto; }
#loginBox #LoginBox-SignIn .login-field     { margin-bottom:12px; border-radius:3px; border: none; width:100%; padding:5px 10px 4px 10px; }
#loginBox #LoginBox-SignIn .login-submit    { float:left; background-color:#F68B1F; border:1px solid #FFF; border-radius:5px; color:#FFF; font-size:120%; padding:2px 18px; cursor:pointer; text-decoration:none; }

#loginBox #LoginBox-SignIn .forgetPass      { float:left; text-decoration:underline; color:#F68B1F; padding-top:10px; font-size:90%; }
#loginBox #LoginBox-SignIn .user-register      { float:right; text-decoration:underline; color:#F68B1F; padding-top:10px; font-size:90%; }

#loginBox .loginBox-user-hello      { color:#F68B1F; line-height:24px;  }
#loginBox .loginBox-user-buttons    { padding-top:20px; }
#loginBox .loginBox-user-buttons a  { display:inline-block; background-color:#F68B1F; border:1px solid #FFF; border-radius:5px; color:#FFF; font-size:110%; padding:2px 12px; margin:0px 2px; text-decoration:none; cursor:pointer; margin-bottom:10px; }





/*------------------------------------*\
   Bootstrap dropdown animation
\*------------------------------------*/

.dropdown .dropdown-menu {
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;

    max-height: 0;
    display: block;
    overflow: hidden;
    opacity: 0;
}

.dropdown.open .dropdown-menu {
    max-height: 200px;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    opacity: 1;
}


/*------------------------------------*\
   BASE PAGE VIEW
\*------------------------------------*/


#anchor         { margin-bottom: 15px; margin-top: -5px; font-size: 90%; }
.headline       { margin-bottom:35px; }
.headline h1    { background-color: #11397e; margin: 0 auto; position: relative; color: #fff; border: none; border-radius: 0px 10px; font-size: 320%; text-align: center; display: inline-block;padding: 2px 45.5px; }

@media(max-width:991px) {.headline{margin-top:15px;}}

.subheadline h2 { margin: 0; padding: 0; font-size: 185%; font-weight: normal; margin-bottom:10px;  }

#writer         { margin-bottom: 5px; font-weight: normal; }
#text1          { margin-top: 20px; margin-bottom:  20px; }
#text1 strong   { }
#text1 b        { }

#video          { margin-bottom:  20px; }
#video video    { width: 100%; height: auto; }

#remarks        { font-size: 90%; }

h3              { font-size: 100% !important; }
h4              {  }


.picA           { width: 100%; height: auto; margin-bottom: 15px;   }
.picD           { width: 100%; height: auto; margin-bottom: 15px;  }

#lobby          { margin-bottom: 30px; background-color: #ededed; padding: 30px; }

#body p         { font-size: 120%; margin-bottom:0;}

#body ul, ol, td, th { font-size: 115%; }

@media(min-width:992px){
#body           {max-width:80%;}
}

@media(max-width:991px){
#lobby          {padding:10px}
.headline h1    {font-size: 230%;  }
.subheadline h2 {font-size:120%;}
#body p {font-size:122%;}

}


@media(max-width:991px){
#lobby          {padding:10px;background-color:transparent;}
.headline h1    {font-size: 230%;  }
.subheadline h2 {font-size: 130%;font-weight: bold;}
#body {max-width: 95%;margin: 0 auto;}
#body p {font-size:122%;line-height:17px;}
#body ul:not(:first-child) {margin-top:15px;}
#body ul, ol {padding-right:15px;}

}

@media(min-width:768px) and (max-width:991px) {
.headline h1    {font-size: 320%;  }
.subheadline {font-size:20px;}
}

/*------------------------------------*\
    #General Classes 
\*------------------------------------*/

.max-width { max-width: 1560px; }

.no-marg   { margin: 0px; }

.no-pad    { padding: 0px; }

.p-vert    { display: table; }

.c-vert    { display: table-cell; vertical-align: middle; }

.f-h       { height: 100%; }

.f-w       { width: 100%; }

.margin-auto { margin:0 auto }

@media (max-width: 767px)  { 
    .row            { margin:0px -5px; }
    .row > div      { padding:0px 5px; }
}



/*------------------------------------*\
    #modal
\*------------------------------------*/

.modal-vertical-align   { display: table; height: 100%; width: 100%; pointer-events: none; }
.vertical-align-center  { display: table-cell; vertical-align: middle; /*pointer-events: none;*/ text-align:center; }

#mrw-modal-1    { }
#mrw-modal-1 .modal-content     { border-radius:0px; background-color:transparent; display:inline-block; pointer-events: all; }







/*------------------------------------*\
    #Grids
\*------------------------------------*/


.grid-view .grid-box { /*border-bottom: 1px solid #ddd;*/ margin-bottom: 30px; text-align: center;  }
.grid-view .grid-box-image      { padding-bottom:56%; position:relative; overflow:hidden; }
.grid-view .grid-box-image a    { display:block; position:absolute; left:0px; bottom:0px; right:0px; top:0px; }
.grid-view .grid-box-image img  { margin: 0 auto; max-width:100%; }



.grid-view.center-elements .row         { font-size:0px; text-align:center; }
.grid-view.center-elements .row > div   { display:inline-block; float:none !important; vertical-align:top; font-size:1rem; }






/*------------------------------------*\
    Fonts
\*------------------------------------*/

@font-face {
    font-family: 'zofen';
    src: url('../../../000Frames/site/fonts/atzofen-regularwebfont.eot');
    src: url('../../../000Frames/site/fonts/atzofen-regularwebfont.eot?#iefix') format('embedded-opentype'),
         url('../../../000Frames/site/fonts/atzofen-regularwebfont.woff') format('woff'),
         url('../../../000Frames/site/fonts/atzofen-regularwebfont.ttf') format('truetype'),
         url('../../../000Frames/site/fonts/atzofen-regularwebfont.svg#fbatzofen-regularwebfont') format('svg');
    font-weight: normal;
    font-style: normal;
    unicode-range: U+590-5ff,U+000-03F; /* unicode range for hebrew letters, 0-9 and all special chars */
}

@font-face {
    font-family: 'niagara';
    src: url('../../../000Frames/site/fonts/NIAGSOL.eot');
    src: url('../../../000Frames/site/fonts/NIAGSOL.eot?#iefix') format('embedded-opentype'),
         url('../../../000Frames/site/fonts/NIAGSOL.woff') format('woff'),
         url('../../../000Frames/site/fonts/NIAGSOL.ttf') format('truetype'),
         url('../../../000Frames/site/fonts/NIAGSOL.svg#NIAGSOL') format('svg');
    font-weight: normal;
    font-style: normal;
    unicode-range: U+040-07F;       /* unicode for a-z and A-Z letters only! */

}


@font-face { font-family: 'almoni-regular'; src: url('../../../000Frames/site/fonts/almoni-dl-aaa-regular.eot'); src: url('../../../000Frames/site/fonts/almoni-dl-aaa-regular.eot?#iefix') format('embedded-opentype'), url('../../../000Frames/site/fonts/almoni-dl-aaa-regular.woff2') format('woff2'), url('../../../000Frames/site/fonts/almoni-dl-aaa-regular.woff') format('woff'), url('../../../000Frames/site/fonts/almoni-dl-aaa-regular.ttf') format('truetype'), url('../../../000Frames/site/fonts/almoni-dl-aaa-regular.svg#dearjoe4regular') format('svg'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'almoni-bold';
              src: url('../../../000Frames/site/fonts/almoni-dl-aaa-bold.eot');
              src: url('../../../000Frames/site/fonts/almoni-dl-aaa-bold.eot?#iefix') format('embedded-opentype'), url('../../../000Frames/site/fonts/almoni-dl-aaa-bold.woff2') format('woff2'), url('../../../000Frames/site/fonts/almoni-dl-aaa-bold.woff') format('woff'), url('../../../000Frames/site/fonts/almoni-dl-aaa-bold.ttf') format('truetype'), url('../../../000Frames/site/fonts/almoni-dl-aaa-bold.svg#dearjoe4regular') format('svg');
              font-weight: normal; font-style: normal; }


/*------------------------------------*\
    PopUp Feature
\*------------------------------------*/

#popup-modal .vertical-alignment-helper {
    display: table;
    height: 100%;
    width: 100%;
    pointer-events: none;
}

#popup-modal .vertical-align-center {
    display: table-cell;
    vertical-align: middle;
    pointer-events: none;
    z-index:99999;
}
    
#popup-modal .modal-header {
    border: none;
    padding: 0px;
}

#popup-modal .close {
    display: block;
    float: none;
    margin: 0 auto;
    opacity: 1;
}

#popup-modal .close span {
    color: #fff;
}

#popup-modal .modal-body {
    text-align: center;
}

#popup-modal .modal-content {
    border: 0px;
    background-color: transparent;
    border-radius: 0px;
    -webkit-box-shadow: none;
}






/*------------------------------------*\
    GALLERY COMPONENTS - lightBox
\*------------------------------------*/



.lightbox-gallery       { position:relative; }
.lightbox-gallery-item  { display:none; text-align: center; padding-bottom: 7.5px; padding-top: 7.5px; }
.blueimp-gallery>.close, .blueimp-gallery>.title    { top:65px; display:block; }
.blueimp-gallery a.next         { display:block !important; }
.blueimp-gallery a.prev         { display:block !important; }
.blueimp-gallery ol.indicator   { display:block !important; }
.blueimp-gallery a.play-pause   { display:block !important; }





/*------------------------------------*\
    GALLERY COMPONENTS - #FLEX SLIDER 
\*------------------------------------*/


.flexslider {
    border: none;
    background: none;
    -webkit-box-shadow: 0 0px 0px rgba(0,0,0,0);
    -moz-box-shadow: 0 0px 0px rgba(0,0,0,0);
    -o-box-shadow: 0 0px 0px rgba(0,0,0,0);
    box-shadow: 0 0px 0px rgba(0,0,0,0);
    overflow:hidden;
    border-bottom: 1px solid #cfcfcf;
    border-radius: 0 !IMPORTANT;
    margin-bottom: 0;
}

.flexslider .flexslider-item {
    display: block;
    min-height: 250px;
    padding-bottom: 31.3%;
    background-size: cover;
    background-position: center center;
}

.flexslider .flex-control-nav { bottom:20px; z-index:2; }
.flex-control-paging li a.flex-active { background: #000; background: rgba(255,255,255,1); cursor: default; }
.flex-control-paging li a { background: #fff; background: rgba(255,255,255,0.7); }
.flexslider .flexslider-item {position:relative;}
.flexslider-item-content { position: relative; right: 0; z-index: 9; top: 00%; right: 0%;  color:#121212;}
.flexslider-item-content h1 { text-align: right; color: #121212;font-size: 290%;direction:rtl;height:48px; }
.flexslider-item-description {text-align: right;color: #121212;direction:rtl;font-size:145%;max-width: 65%;text-align: right;float: right;line-height: 20px;margin-bottom: 10px;margin-top: 5px;}
.flexslider-item-readmore { text-align: right; color: #0477bf; font-size: 90%;direction:rtl;}
.flexslider .flex-next { opacity: 1; right: 10px;}
.flexslider .flex-prev { opacity: 1; left: 10px;}
a.flex-next { background-color: #fff; padding: 0 10px; border-radius: 50%; }
a.flex-prev { background-color: #fff; padding: 0 10px; border-radius: 50%; }
.flexslider .flex-prev:focus,
.flexslider .flex-next:focus{border: 1px solid #fff;}
.flexslider .flex-prev:before { content: " "; background-image: url(../../../000Frames/site/images/L-01.svg); background-size: 100% 100%; width: 29px; height: 28px; background-repeat: no-repeat; position: relative; top: 12px; }
.flexslider .flex-next:before { content: " "; background-image: url(../../../000Frames/site/images/R-01.svg); background-size: 100% 100%; width: 29px; height: 28px; background-repeat: no-repeat; position: relative; top: 11px; }
.flexslider .flex-prev:focus,
.flexslider .flex-next:focus{border: 1px solid #000;-webkit-box-shadow: 0px 0px 14px -1px rgba(255,255,255,1);-moz-box-shadow: 0px 0px 14px -1px rgba(255,255,255,1);box-shadow: 0px 0px 18px 1px rgba(255,255,255,1);}
.flex-direction-nav a.flex-next:before { content: ' '; }
.flex-prev, .flex-next { font-size: 0; }
.flex-direction-nav a { top: 40%; transform: translate(0,-40%);}
.flexslider:hover .flex-prev{opacity:1;}
.flexslider:hover .flex-next { opacity: 1; right: 10px; }

.flexslider .controlSlider {position:  absolute;top: 19vw;z-index: 2;left: 10px;background:  transparent;border: 0px;-webkit-appearance: none;color: #fff;font-size: 150%;}
#deals .flexslider .controlSlider {top: 4px;font-size: 90%;left: 0;}


.flexslider .controlSlider.play:after {content: "\f04b";}
.flexslider .controlSlider:after {content: "";font-family: 'FontAwesome';}
.flexslider .controlSlider.pause:after{content: "\f04c";}


@media(max-width:1440px) {
    .flexslider .controlSlider {top:20vw}
}

@media(max-width:1170px){
    .flexslider-item-description {max-width:100%;}
}

@media(max-width:767px) {
.flexslider .flex-next:before { width:17px; height:18px}
.flexslider .flexslider-item { padding-bottom: 50%; min-height: 300px; }
.flexslider-item-content {padding: 0 10px;}
.flexslider-item-content h1 { font-size: 180%;height:initial; line-height:30px; padding:0 5px; }
.flexslider-item-description {font-size: 105%; padding: 0 5px; line-height: 120%; padding-bottom:5px; margin-bottom:0;}
#RightCategoryList {border:none;}

#HomeCatalogSection .DealsBlockTitle {margin-top:10px;}


}

@media (min-width:767px) and (max-width:991px) {
    .flexslider-item-description {line-height:25px !important;font-size:155%;}
}


.bannerImgWrapper .HomeSliderContent { padding: 0 30px; padding-bottom: 43px; border-bottom: solid 1px #cfcfcf; }
.bannerImgWrapper p { font-size: 143%; max-width: 935px; }
.bannerImgWrapper .readMore { font-size: 171%; color: inherit; position: relative; margin-top: 28px; display: inline-block; }
.bannerImgWrapper .readMore:after { content: ""; background-color: #c71414; height: 3px; width: 100%; position: absolute; bottom: -5px; right: 0; }

.bannerImg { display: block; padding-bottom: 45%; background-size: cover; position: relative; }
.bannerImg .play-icon { max-width: 88px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }
.bannerImgWrapper { }
/*------------------------------------*\
    Footer Style 
\*------------------------------------*/
#SiteFooter .footerContact { color: #fff; margin-top: 20px; margin-bottom: 45px; }
#SiteFooter .footerMainNav { width: 20%; }
#SiteFooter .footerlinksDesktopTitle    { font-size: 171%; margin-bottom: 10px;}

#SiteFooter .snoezelenFooterlinksDesktopTitle:after {width:220px !IMPORTANT;}

#SiteFooter .footerlinksDesktopTitle:after { width: 130px; content: " "; background-color: #000; height: 2px; display: block; }
#SiteFooter .KindergartenFooterlinksDesktopTitle:after {background-color: #0477bf;}
#SiteFooter .JamboreeFooterlinksDesktopTitle:after {background-color: #F68B1F;}
#SiteFooter .snoezelenFooterlinksDesktopTitle:after {background-color: #6abc34;}
#SiteFooter .StandardFooterlinksDesktopTitle:after {background-color: #fff;}
#SiteFooter .yardFooterlinksDesktopTitle:after { background-color: #ff4545; }
#SiteFooter .footerBlockTitle           { text-align:right; font-size: 100%; }
#SiteFooter .footerBlockContent         {}
#SiteFooter .StandardImg { width: 33.3%; padding: inherit; display: inline-block; vertical-align: middle; margin-right: -4px; }


#SiteFooter .footerBlockTitle a     { color:#ffffff;  }


@media(max-width:991px){
    #SiteFooter .StandardImg { width: 75%; padding: inherit; display: inline-block; vertical-align: middle; text-align: center;margin: 0 auto; }
    #PealtonFooterLogoForTablet {max-width: 75%; margin: 0 auto;}
    .footerLogosContainer {display: inline-block; float: none; vertical-align: middle; margin-right: -4px;}
}

@media(max-width:767px){
    #SiteFooter .StandardImg {width:100%;padding:7px;}
    #PealtonFooterLogoForTablet {max-width:100%;  }
    .footerLogosContainer {width:23%;}
    /*#PealtonFooterLogoForTabletContainer {width:30%;}*/
    #SiteFooter .footerContact { margin-top: 10px !important; margin-bottom: 10px !important; }

}

/*------------------------------------*\
    UnderFooter Style 
\*------------------------------------*/

#UnderSiteFooter { padding: 20px; }
#richkid-logo-footer { max-width: 160px;}

#AboveSiteFooterContainer {margin-top:50px;clear:both;}
#AboveBoxSiteFooterImage {  width: 100%; min-height: 320px; background-position:center center; background-image: url(../../../000Frames/site/images/Drawing_footer.png); background-repeat: no-repeat; position: relative; }
#AboveBoxSiteFooterImageSec {display:none;}
#AboveBoxSiteFooterForm {background-color:#f9dba2; min-height:90px;padding: 10px 65px 30px 65px;overflow:auto;}


.SubmitContainer { width: 25%; display: inline-block; margin-right: -4px; vertical-align:top;}
.form-group-inputs-container { width: 75%; display: inline-block; margin-right: -4px; }

@media (min-width:1171px) and (max-width:1440px) {
    .contact-form-title {font-size:180%;}
    #AboveBoxSiteFooterForm {padding:10px 3% 30px 3%;}
    .SubmitContainer { width: 23%; }
    .form-group-inputs-container {width:77%;}
    .contact-form-title {width:23% !important;}
}

@media(max-width:1170px){
    .contact-form-title {width:100%;display:block;text-align:right;padding-bottom:0;font-size:235%;}
    .form-group {width:100%;display:block;}
    .smallFooterInput:first-child {padding-right:0;}
    .disclaimerContainer {padding:0;}
}



@media(max-width:991px) {

.smallFooterInput {width:50%;}
.bigFooterInput {width:50%}

/*.smallFooterInput:first-child {padding-right:0px;}
.bigFooterInput:first-child {padding-right:0px;}*/
.form-group-inputs-container > div:nth-child(odd) {padding-right:5px; }
.form-group-inputs-container > div:nth-child(even) {padding-left:0; }
.submitWrapper {text-align:center;width:100%;}
.submitWrapper .form-submit {width:50%;}
.SubmitContainer {width:100%;}
.form-group-inputs-container {width:100%;}
.form-group-inputs-container { margin-right:0px;}
.disclaimerContainer {margin:15px 0;}
}




@media(max-width:767px) {
.form-group-inputs-container > div:nth-child(odd) {padding-right:0px;padding-left:0; }
.form-group-inputs-container > div:nth-child(even) {padding-left:0;padding-right:0 !important; }
.bigFooterInput {width:100%;}
.lastnameInputContainer {padding-right:5px !important}
.firstnameInputContainer {padding-left:5px !important}
#disclaimer,
#disclaimerContact,
#disclaimerClub,
#disclaimerEntry {margin-left:5px;margin-top:5px;float:right;height:12px;width:10px; border-radius:1px; margin-top:0 !important;position:relative; right:1px;}
#disclaimerLabel,
#disclaimerContactLabel,
#disclaimerClubLabel,
#disclaimerEntryLabel {width: calc(100% - 20px); width: -webkit-calc(100% - 80px); width:-moz-calc(100% - 80px);float:right; font-size: 73%; line-height: 12px;}
.SubmitContainer .bigFooterInput {width:100%;}
.submitWrapper .form-submit {width:65%;height: 35px; font-size: 17px;}
.disclaimerContainer {padding-top:0px;margin: 5px 0;}
.contact-form-title { width: 100%; display: block; text-align: center; padding-bottom: 0; font-size: 170%; position: relative; top: -10px; }
.mrw-dynamic-form .form-control {height:30px; font-size: 14px;}
#AboveBoxSiteFooterForm { padding: 0px 7% 10px 7%; }
    #UnderSiteFooter { padding: 10px 20px; }
}

@media(max-width:767px) and (min-width:440px) {
.footerLogosContainer {padding:20px !important; }
#SiteFooter .footerContact {text-align:center;}
}

/*------------------------------------*\
    Bootstrap - 5 Cols Fix
\*------------------------------------*/

.col-xs-15,
.col-sm-15,
.col-md-15,
.col-lg-15 {
    position: relative;
    min-height: 1px;
    padding-right: 10px;
    padding-left: 10px;
}

.col-xs-15 {
    width: 20%;
    float: left;
}
@media (min-width: 768px) {

.col-sm-15 {
        width: 20%;
        float: left;
    }
}
@media (min-width: 992px) {
    .col-md-15 {
        width: 20%;
        float: left;
    }
}
@media (min-width: 1200px) {
    .col-lg-15 {
        width: 20%;
        float: left;
    }
}


/*------------------------------------*\
    BootBox - Js Modals
\*------------------------------------*/

.bootbox { text-align: center; }
.bootbox .modal-footer { text-align:center; }
.bootbox .modal-footer button { margin:10px; }
.bootbox .modal-footer .btn+.btn {margin-bottom:10px;}
.bootbox .modal-dialog { position: fixed; left: 50%; top: 50%; /* margin-left: -300px; */ transform: translate(-50%,-50%) !IMPORTANT; margin: 0; }

@media(max-width:767px){
    .bootbox .modal-dialog { width: 80%; }
}





.KindergartenHome { border: 2px solid #0477bf; background-color:#0477bf; border-radius: 10px 0; min-width: 110px; text-align: center;}
.jamboreeHome { border: 2px solid #f0840D; background-color:#f0840D; border-radius: 10px 0; min-width: 110px; text-align: center;}
.snoezelenHome { border: 2px solid #6abc34; background-color:#6abc34; border-radius: 10px 0; min-width: 110px; text-align: center;}
.YardHome { border: 2px solid #c71414; background-color: #c71414; border-radius: 10px 0; min-width: 110px; text-align: center; }

#PealtonFooterLogo { max-width: 130px; margin: 0 auto; } 

@media(max-width:991px) { .RightCategoryListTitle {cursor:pointer;} }


/*------------------------------------*\
   Right Menu
\*------------------------------------*/


    .vertical-nav {
    height:auto;
    list-style:none;
    width: 100%; /******* MODIFIED ********/
    padding:0;
    margin-bottom:0px;

}
.vertical-nav li {

    margin: 0;position:relative;
 

}




.vertical-nav li:hover, .vertical-nav li.hoverMenu {
    background-color:#0477bf;
    color:#FFFFFF !important;
    position:relative;

}

.vertical-nav li:hover .RightCategoryListItem, .vertical-nav li.hoverMenu .RightCategoryListItem {
    color:#fff;
    border-top:1px solid #0477bf !important;
}

.vertical-nav li a {

    font-size:18px;
    color:#ffffff;
    text-decoration:none;
}
.vertical-nav li.current {
    background-color:#F36F25;
}
.vertical-nav li.current a {
    color:#FFFFFF;
}
.vertical-nav ul li ul {display:none;list-style-type:none;width:125px;padding:0px;margin-top:3px;margin-left:-5px;}
.vertical-nav ul .hasSubMenu:hover ul {display:block;}
.vertical-nav ul .hasSubMenu:hover ul li {background-color:#555555;width:125px;height:30px;display:inline-block;}
.vertical-nav ul li ul li:hover {background-color:#333333;}
.vertical-nav ul li ul li a {color:#FFF;text-decoration:underline;}
.vertical-nav ul li ul li a:hover {text-decoration:none;}
.vertical-nav li ul {padding: 0;}
.vertical-nav > .hasSubMenu:hover ul {    display: block;}
.vertical-nav li .sub-menu{position: absolute;background-color: #0477bf;top: -1px;padding: 10px;z-index:999;right:100%;opacity:0;}

@media(min-width:991px) {
    .vertical-nav li .sub-menu {pointer-events:none;}
}

.vertical-nav .hasSubMenu:hover .sub-menu {pointer-events:all;}
.vertical-nav .hasSubMenu.hoverMenu .sub-menu {}

.hasSubMenu > ul       {width:0;transition:width 500ms ease-in-out, opacity 500ms ease-in-out; }
.hasSubMenu:hover > ul,  .hasSubMenu.hoverMenu > ul {width:15vw;opacity:1;}
.sub-menu li{ display: block;width: 100%;z-index: 110;color: #fff;font-size: 18px;border-bottom: 1px solid #c2c2c2;padding: 5px 0;}

.sub-menu li:last-child {    border:none; }

.sub-menu li a{display:inline-block;padding: 0 10px;}
.sub-menu li a:focus {
    background-image: url(../../../000Frames/site/images/menu_white_arrow.png);
    background-repeat:  no-repeat;
    background-position: right center;
}

@media(max-width:991px){.sub-menu li { border-bottom:none; position: relative; display: block; top: 0; right: 0; width: 100%; min-width: 180px; white-space: nowrap; z-index: 110; color: #000; font-size: 20px; border-bottom: 1px solid #0595eb;}
    .vertical-nav .hasSubMenu:hover .sub-menu {position:relative;}
    .vertical-nav li .sub-menu {  background-color: transparent; top: -1px; z-index: 999; right: 0; opacity: 1;position:relative; }
    ul.vertical-nav  {border:1px solid #c2c2c2}
}

    #RightCategoryList      {border:1px solid #c6c6c6; border-radius: 5px 0px 5px 5px;}
    .RightCategoryListTitle { padding:3px 10px; color: #fff; font-size: 26px;border-radius: 4px 0px 0px 0px; background-color:#0477bf; }
    a .RightCategoryListItem { margin: 0 13px; border-top: 1px solid #c2c2c2;  padding: 7px 0; }
    .vertical-nav li:nth-child(even) .RightCategoryListItem {border-bottom:none; }
    .vertical-nav .hasSubMenu {border:1px solid transparent;}
    .vertical-nav li:first-child .RightCategoryListItem {border:1px solid transparent !important}
   .RightCategoryListItemLink:after { display: block; position: relative; width: 8px; height: 12px; /* background-color: #000; */ top: 8px; right: -4px; content: " "; float: left; direction: ltr; background-image: url(../../../000Frames/site/images/arrow_L-01-01.svg); background-repeat: no-repeat; background-position: bottom; background-size: 100% 100%; }

    .vertical-nav li:hover a .RightCategoryListItemLink:after,
    .vertical-nav li.hoverMenu a .RightCategoryListItemLink:after  { background-image: url('../../../000Frames/site/images/menu_white_arrow.png'); height:16px;  }
    a .RightCategoryListItem {color:#121212;font-weight:400;}
    a .RightCategoryListItemLast {border-bottom:none !important; }
    @media(max-width:991px){
        #RightCategoryList {margin:0 auto;width:95%;border-radius:0; }
        .RightCategoryListTitle {border-radius:0;}
    }

    /*------------------------------------*\
       News Ticker Right
    \*------------------------------------*/

    .newsticker-container {height:236px !important;}
    .newsticker-container ul li {height:44px;}
    .newsticker-container ul li div    {padding-top:10px;border-bottom: 1px solid #e2e2e2;background: #ffffff;padding-bottom: 10px;max-width:90%;margin:0 auto;font-size:16px;margin-top:0px    }
    .newsticker-container a {color:#121212;font-size:16px;display:inline-block;vertical-align:middle;}

    .NewsRoller { margin-top: 15px; border: 1px solid #c2c2c2; border-radius: 0px 0px 5px 5px; width:100%; }
    .NewsRoller .NewsRollerTitle { font-size: 26px; text-align: center; color: #fff; background-color: #0477bf; }
    .newsticker-container ul { width: 100%; }

    .news-controllers{position: absolute;left: 5px;top: 5px;}
    .news-controllers > a {cursor: pointer;display: inline-block;width: 12px;height: 12px;position:absolute;top:0px;left:0px;font-size: 95%;color: #fff;}
    .news-controllers #stop-button:after {content: "\f04c";font-family: 'FontAwesome';}
    .news-controllers #start-button:after {content: "\f04b";font-family: 'FontAwesome';}


    @media(min-width:992px) { 
        .NewsRoller{display:inline-block; position:relative}
        #NewsRollerBottom{display:none;}
    }
    @media(max-width:991px) { .NewsRoller{display:none}#NewsRollerBottom{display:inline-block} }


    /*------------------------------------*\
       Bottom News
    \*------------------------------------*/


    #BottomNews { display:none; margin-top: 15px; border: 1px solid #c2c2c2; border-radius: 0px 0px 5px 5px; width:100%; }
    #BottomNews .RightNewsTitle { font-size: 26px; text-align: center; color: #fff; background-color: #11397e; }
    @media(min-width:992px) { #BottomNews{display:inline-block} }


    /*------------------------------------*\
     Hover Css
    \*------------------------------------*/
    .hvr-underline-from-right:before {background:#fff; height:2px;}
    .newsticker-container .hvr-underline-from-right:before { background: #2098D1; height:2px;}
    
    .topLeftLinks:hover svg, .topLeftLinks:focus svg { fill:#fff;  }
    .topLeftLinks svg { width: 20px; height: 17px; position: relative; top: 4px;   transition: all 0.3s ease;-moz-transition: all 0.3s ease;-ms-transition: all 0.3s ease;-webkit-transition: all 0.3s ease;-o-transition: all 0.3s ease; }

    @media(min-width:992px){
        #MenuForSmallDisplaySection{display:none}
    }

    a.menuSpacer.hvr-underline-from-right.biz {margin-right: 0;  }
    .menuSpacer {position: relative;top: 3px;margin: 0px 25px; } 
     @media(min-width:991px) and (max-width:1440px){
           .menuSpacer { position: relative; top: 3px; margin: 0px; }

    }

    /** Menu For Mobile **/
    @media(max-width:991px){
    #RightCategoryList      {position:relative;}
    .RightCategoryListTitle:after { content: "▼"; position: absolute; left: 20px; display: block; width: 15px; height: 15px; top:0px; }
    .RightCategoryListTitle { padding:3px 10px; color: #fff; font-size: 26px;border-radius: 4px 0px 0px 0px; background-color:#0477bf; }
    a .RightCategoryListItem { margin: 0 13px;  padding: 10px 0; }
    a .RightCategoryListItem {color:#121212}

    #RightCategoryList {margin:0 auto;width:95%;border-radius:0; }
    .RightCategoryListTitle {border-radius:0;}

    }


    /* fixes for explorer 10+ */
    @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    .search_form_header_submit {top:0;left:0;}
    .search_form_header_icon {left:1.7%;}
    .catalogItemBox svg {bottom:-5px;}
    .navbar-cart-img-counter svg {position:relative;top:10px;}

    }

       @media (max-width:991px) and (-ms-high-contrast: none), (-ms-high-contrast: active) {
        .mobile-button {float:right !important;}
        #siteheader-navigation-container .navbar-brand {float:right !important;}
        .searchIconForTabletContainer {float:right !important;}
        #search_form_header_input_continer {float:right !important;}
        #buttons-container {float:right !important;}
        #buttons-container-wrapper {float:right !important;}
        .searchIconForTabletContainer {position:relative;top:5px;}
      }


@media (max-width:1170px) and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    #buttons-container {width:51% !important;}
}

       @media (max-width:991px) {
        .mobile-button {float:right !important;}
        #siteheader-navigation-container .navbar-brand {float:right !important;}
        .searchIconForTabletContainer {float:right !important;}
        #search_form_header_input_continer {float:right !important;}
        #buttons-container {float:right !important;}
        #buttons-container-wrapper {float:right !important;}
        .searchIconForTabletContainer {position:relative;top:5px;}
      }

       .pagination>li>a, .pagination>li>span {border-radius:50%;color:#000;background-color: #fff;margin:0 3px;border:none;width:32px;height:32px;}
       .pagination > li > a.lastPagination { width: 52px; direction: ltr; }
       .pagination>.active>a, .pagination>.active>span, .pagination>.active>a:hover, .pagination>.active>span:hover, .pagination>.active>a:focus, .pagination>.active>span:focus {background-color:#337ab7;color:#fff;border: none;}
       .pagination>li:first-child>a, .pagination>li:first-child>span { margin-left: 0; border-top-left-radius: 50%; border-bottom-left-radius: 50%; }
       .pagination>li:last-child>a, .pagination>li:last-child>span { border-top-right-radius: 50%; border-bottom-right-radius: 50%; }
       .pagination>li>a:hover, .pagination>li>span:hover, .pagination>li>a:focus, .pagination>li>span:focus { color: #fff; border: none;     background-color: #337ab7; border-color: none; }
       #NextLink, #PrevLink {display:none;}

    @media(max-width:991px) {
        #bottomDealsSlider .RightCategoryListTitle:after {display:none !important;}
        .catalogItemBox.widgetFlexSlider {margin-top:20px;}
    }
    @media(max-width:767px) {
        .pagination > li > a, .pagination > li > span { margin: 3px; }
    }

    .modal-header .close {margin-top: -20px;font-size: 40px;float: none;color: white;opacity: 1;padding:0px;}
    .modal-header {border-bottom:none;}

    .modal.in .modal-dialog {background: transparent;border: 0px;box-shadow: none;}
    .modal-content{background: transparent;border: 0px;box-shadow: none;    }
    .makatSingle{right: 13px;font-size: 130%;left: auto;color:#121212;width:  100%;padding: 10px 12px 0px;height:26px;}

@media(min-width:992px) and (max-width:1440px) {
    .makatSingle{font-size:110%;}
}

@media (max-width:767px){
    .makatSingle{font-size: 84%;padding-top:  5px;height: 22px;}
}



#media-video-pop .modal-content { background: transparent; -webkit-box-shadow: none; box-shadow: none; border: none; pointer-events: auto; }
#media-video-pop .close { float: none; opacity: 1; display: block; }
#media-video-pop .all-content { margin: 0 auto; max-width: 50vw; position: relative; }
#media-video-pop .all-content iframe { width: 100%; height: 31vw; margin: 0 auto; display: block; border: none; }
#media-video-pop .all-content iframe#media-video-iframe { position: absolute; top: 0; }
#media-video-pop .close svg { max-width: 50px; height: 50px; }
#media-video-pop .vertical-alignment-helper { display: table; height: 100%; width: 100%; }
@media(max-width:1025px) {
    #media-video-pop .all-content { max-width: 85vw; }
    #media-video-pop .all-content iframe { height: 56vw; }
}


.scr-reader-only {  width:1px!important; border:0 !important; clip:rect(0 0 0 0); margin:-1px !important; overflow:hidden !important; padding:0 !important; position:absolute !important}
.screen-reader-text { color: #323944;display: block;clip: rect(1px, 1px, 1px, 1px);position: absolute !important;text-decoration: none; } 
.screen-reader-text:link, .screen-reader-text:visited:link { -webkit-tap-highlight-color: rgba(0,0,0,0.3); }
.screen-reader-text:hover, .screen-reader-text:focus { background-color: #f1f1f1;border-radius: 3px;box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);clip: auto !important;display: block;font-weight: 700;height: auto;left: 0;line-height: normal;padding: 1em 1.618em;text-decoration: none;top: 0;width: auto;z-index: 100010;outline: 0;color:#252525;font-size:120%; }

/*kindergarden css*/
.kdgrdn #GridContent { float: right; width: calc(100% - 290px); }
button.controlSlider.pause { display: none; }
@media(max-width: 767px) {
    .kdgrdn #GridContent { width: 100%; } 
}